<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>jquery实现jsonp跨域请求</title>
		<!--引入jquery库文件 -->
		<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
		<!---ajax实现跨域的请求处理--->
		<script type="text/javascript">
			
			function doAjaxJSONPQuery() {
				/*$.ajax({
					type: "GET", // 请求的类型 get/post
					url: "http://localhost:8090/mavenssm0822_redis_jsonp/jsonp/stuAllInfo/", // 服务器url
					dataType: "jsonp", // 服务器返回的数据类型
					jsonp: "callback",
					success: function(data) { // 成功之后的回调函数
						// 调用json对象解析函数进行处理
						alert("success:" + JSON.stringify(data));
					},
					complete: function(xlr, dt) {
						alert("complete");
					}
				});*/
				
				// jquery get形式的jsonp处理
				$.get("http://localhost:8090/mavenssm0822_redis_jsonp/jsonp/stuAllInfo/?callback=?", function(data){
  					alert("get-jsonp: " + data);
				});
			}
				
				
				function doAjaxJSONPQuery2() {
				$.ajax({
					type: "GET", // 请求的类型 get/post
					url: "http://localhost:8090/mavenssm0822_redis_jsonp/stu/", // 服务器url
					dataType: "jsonp", // 服务器返回的数据类型
					jsonp: "callback",
					success: function(data) { // 成功之后的回调函数
						// 调用json对象解析函数进行处理
						alert("success:" + JSON.stringify(data));
					},
					complete: function(xlr, dt) {
						alert("complete");
					}
				});
			}
		</script>
	</head>

	<body>
		<input type="button" value="jsonp" onclick="doAjaxJSONPQuery()" />
		&nbsp;
		<input type="button" value="jsonp2" onclick="doAjaxJSONPQuery2()" />
	</body>

</html>